/* 目录树容器 */
.directory-tree {
    width: 100%;
    border: 1px solid #d1d5da; /* 类似代码块的边框 */
    border-radius: 6px; /* 圆角 */
    overflow: hidden; /* 保持边框圆角 */
    margin: 1em 0;
    font-family: monospace;

    /* 标题栏（显示根目录） */
    .root-entry {
        background-color: #fff;
        padding: 8px 16px;
        border-bottom: 1px solid #d1d5da;
        font-weight: bold;
        color: #268bd2;
        display: flex;
        align-items: center;
    }

    .directory-content {
        max-height: 60vh;  /* 设置最大高度 */
        min-height: 120px; /* 设置最小高度 */;
        overflow-y: auto;   /* 垂直滚动 */
        scrollbar-width: thin;  /* Firefox支持 */

        /* 滚动条轨道 */
        &::-webkit-scrollbar-track {
            background: #1E1E1E;
            border-radius: 5px;
        }

        /* 滚动条滑块 */
        &::-webkit-scrollbar-thumb {
            background: #535353;
            border-radius: 5px;
            &:hover {
                background: #6E6E6E;
            }
        }

        /* 每行条目 */
        .tree-line {
            background-color: #f3f4f5;
            padding: 2px 16px;
            line-height: 1.5;
            white-space: pre;

            /* 连接线样式 */
            .connector {
                color: #586e75;
                margin-right: 4px;
            }

            /* 目录样式 */
            .dir {
                color: #268bd2;
                font-weight: bold;
            }

            /* 文件样式 */
            .file {
                color: #24292e;
            }
        }

        /* 悬停效果 */
        .tree-line:hover {
            background-color: #b780ff;
        }
    }

    /* 错误信息 */
    .error {
        color: #dc322f;
        font-style: italic;
    }
}

[data-theme="dark"] {
    .root-entry {
        background-color: #222832;

    }

    .tree-line {
        background-color: #29313d !important;
    }

    .file {
        color: #ffffff !important;
    }
}